/* ------------------------------------------------------------ */
/*                                                              */
/* Primelogs standard-stylesheet                                */
/*                                                              */
/* ------------------------------------------------------------ */


/* ------------------------------------------------------------ */
/* Css for mobile device                                        */
/* ------------------------------------------------------------ */

/* General, override most of the default css */
body.mobile {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    border: 0;
    padding: 0;
    margin: 0;
}

/* Hides forms that should not be shown (bug workaround) */
body.mobile form {
    margin: 0;
}

body.mobile table {
    width: 100%;
    border-collapse: collapse;
}

body.mobile tr {
    width: 100%;
    padding: 0;
    border: 0;
    margin: 0;
}

/* Page top table css */
body.mobile td.tdtop {
    background-color: #DDDDDD;
    color: #000000;
    padding: 0;
    border: 0;
    margin: 0;
}

body.mobile td.tdheader {
    background-color: #DDDDDD;
    color: #000000;
    font-size: 12px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: left;
    font-weight: bold;
    padding-left: 4px;
    border: 0;
    margin: 0;
}

body.mobile td.tdheaderinput {
    font-size: 12px;
    font-weight: bold;
    background-color: #DDDDDD;
    color: #000000;
    border: 0;
    margin: 0;
}

/* Checkmark css */
body.mobile div.checkmark {
    background: url(/primelog/images/checkedgrey.png);
    width: 15px;
    height: 15px;
    text-align: middle;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    vertical-align: middle;
}

body.mobile div.checkmarkDisabled {
    background: url(/primelog/images/checkedlightgrey.png);
    width: 15px;
    height: 15px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    vertical-align: middle;
}

body.mobile th.thcheckmark {
    width: 13px;
    padding: 0;
}

body.mobile td.tdcheckmark {
    width: 15px;
    padding: 0;
    border: 0;
}

/* Button class */
body.mobile input.button {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    background: url("/primelog/images/buttongrey.gif") repeat-x;
    margin: 0;
    border: solid 1px #ccc;
    padding: 1px;
}

/* Trafficlights classes */
body.mobile div.boxGreen {
    background: url(/primelog/images/colorboxes/green.gif);
    width: 5px;
    height: 13px;
}

body.mobile div.boxYellow {
    background: url(/primelog/images/colorboxes/yellow.gif);
    width: 5px;
    height: 13px;
}

body.mobile div.boxRed {
    background: url(/primelog/images/colorboxes/red.gif);
    width: 5px;
    height: 13px;
}

body.mobile div.boxBlue {
    background: url(/primelog/images/colorboxes/blue.gif);
    width: 5px;
    height: 13px;
}

body.mobile div.boxBlack {
    background: url(/primelog/images/colorboxes/black.gif);
    width: 5px;
    height: 13px;
}

body.mobile div.boxGrey {
    background: url(/primelog/images/colorboxes/grey.gif);
    width: 5px;
    height: 13px;
}

body.mobile table.list th {
    color: #000000;
    background: url("/primelog/images/tablehead.gif") repeat-x;
    border-left: 1px solid InactiveBorder;
    border-right: 1px solid InactiveBorder;
    border-top: 1px solid InactiveBorder;
    border-bottom: 1px solid InactiveBorder;
    font-size: 12px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: left;
    font-weight: bold;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin: 0;
}

body.mobile table.list td {
    color: #000000;
    width: 100%;
    padding: 0;
    padding-left: 2px;
    padding-right: 2px;
    border: 0;
    margin: 0;
}

body.mobile table.list th.thtrafficlight {
    width: 3px;
    padding: 0;
}

body.mobile table.list td.tdtrafficlight {
    width: 5px;
    padding: 0;
}

.newComboTagDiv {
    position: absolute;
    top: 20px;
    left: 0;
    padding: 0;
    border: 1px solid;
    border-color: #CCCCCC;
    background-color: white;
    z-index: 99999;
    visibility: hidden;
    overflow: auto;
}

.newComboTagDiv ul {
    width: 100%;
    list-style-position: outside;
    padding: 0;
    margin: 0;
}

.newComboTagDiv li {
    margin: 0;
    padding: 1px 0;
    cursor: pointer;
    display: block;
    font-size: 10px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    line-height: 16px;
    overflow: hidden;
}

/* ------------------------------------------------------------ */
/* <a>                                                          */
/* ------------------------------------------------------------ */

a {
    color: #000000;
    font-size: 10px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}


a.menuchoice:hover {
    color: #000000;
}

/* ------------------------------------------------------------ */
/* <body>                                                       */
/* ------------------------------------------------------------ */

body {
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 0;
    padding: 0;
    background-color: #FFFFFF;
}

body.calendarbody {
    margin-left: 5px;
    margin-top: 5px;
    background-color: #DDDDDD;
}

body.menubody {
    margin-left: 0;
    margin-top: 0;
}

body.reportbody {
    margin-left: 10px;
    margin-top: 10px;
}

body.helpbody {
    margin-left: 10px;
    margin-top: 10px;
}


/* ------------------------------------------------------------ */
/* <input>                                                      */
/* ------------------------------------------------------------ */

input, button {
    font-size: 16px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin: 8px 0px 16px 0px;
    padding: 6px;
    border: 1px solid #5d76708f;
    border-radius: 4px;
    height: 36px;
}

b {
    font-size: 16px;
}
/* ------------------------------------------------------------ */
/* <p>                                                          */
/* ------------------------------------------------------------ */

p {
    color: #000000;
    font-size: 10px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

/* ------------------------------------------------------------ */
/* <select>                                                     */
/* ------------------------------------------------------------ */

select {
    width: 43mm;
    font-size: 12px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin: 4px 0px 4px 0px;
    padding: 2px;
}


/* ------------------------------------------------------------ */
/* <table>                                                      */
/* ------------------------------------------------------------ */

table.pageheadertable {
    border: 0;
    width: 100%;
    padding: 0;
    margin-right: 0;
}

table.standardtable {
    border: 0;
    width: 790px;
    margin: 24px 0px 0px 24px;
}

table.logintable {
    border: 0px;
    margin: auto;
}

table.field {
    border: 0px;
    background-color: #FFFFFF;
    padding: 24px;
    box-shadow: 0px 1px 3px 1px rgba(24, 60, 52, 0.16), 0px 1px 1px 0px rgba(24, 60, 52, 0.08);
    border-radius: 8px;
}

/* ------------------------------------------------------------ */
/* <table> & <td> - searchfield                                 */
/* ------------------------------------------------------------ */

table.searchfield,
table.group {
    border: 0;
    cellpadding: 0px;
    cellspacing: 1px;
    background-color: #F7F7F7;
}

td.searchdescription,
td.label {
    padding-right: 10px;
    width: 150px;
}

td.searchinput {
    padding-right: 40px;
    text-align: left;
}

td.input {
    padding-right: 40px;
    text-align: left;
}

.searchinputwidth_small,
.width-small { /* use it on <input> or <netui:select> tags */
    width: 120px; /* not yet used, redefine size if used and remove this comment */
}

.searchinputwidth_standard,
.width-medium { /* use it on <input> or <netui:select> tags */
    width: 190px;
}

.searchinputwidth_large,
.width-large { /* use it on <input> or <netui:select> tags */
    width: 230px; /* not yet used, redefine size if used and remove this comment */
}

.searchselectwidth_small { /* use it on <input> or <netui:select> tags */
    width: 124px; /* not yet used, redefine size if used and remove this comment */
}

.searchselectwidth_standard { /* use it on <input> or <netui:select> tags */
    width: 194px;
}

.searchselectwidth_large { /* use it on <input> or <netui:select> tags */
    width: 234px; /* not yet used, redefine size if used and remove this comment */
}

td.searchcalendar,
td.calendar {
    /* no changes needed at the moment */
}

td.searchbutton,
td.button {
    text-align: right;
    padding-left: 0;
}


/* ------------------------------------------------------------ */
/* <td> & <tr>                                                  */
/* ------------------------------------------------------------ */

td {
    border-style: none;
    border: 0;
    color: #000000;
    font-size: 12px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    height: 15px;
    padding: 0;
}

tr {
    padding: 0;
    border: 0;
}

td.calendardatechosen {
    color: #000000;
    font-size: 11px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color: #AAAAAA;
    font-weight: bold;
    cursor: hand;
}

td.calendardates {
    color: #000000;
    font-size: 10px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    cursor: hand;
}

td.calendardays {
    color: #000000;
    font-size: 10px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
}

td.calendarinfo {
    color: #000080;
    font-size: 10px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

td.calendartoday {
    color: #0000FF;
    font-size: 11px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    cursor: hand;
}

td.textcolumn {
    text-align: left;
}

td.locked {
    background-color: #DDDDDD;
    font-weight: bold;

    border-right: 1px solid silver;
    border-top: 1px solid silver;
    border-left: 1px solid silver;
    border-bottom: 1px solid silver;

    padding-left: 4px;
    padding-right: 4px;

    left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft);

    position: relative;
    z-index: 10;

}


/* ------------------------------------------------------------ */
/* <textarea>                                                   */
/* ------------------------------------------------------------ */

textarea {
    font-size: 10px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


/* ------------------------------------------------------------ */
/* Generella klasser                                            */
/* ------------------------------------------------------------ */


/* ------------------------------------------------------------ */
/* Coloring related	                                            */
/* ------------------------------------------------------------ */

/* ---------------- */
/* Green			*/
/* ---------------- */
.textGreen { /* default color = 338800 */
    color: #338800;
}

.boxGreen {
    background: url(/primelog/images/colorboxes/green.gif);
    width: 18px;
    height: 13px;
}

/* ---------------- */
/* Yellow			*/
/* ---------------- */
.textYellow { /* default color = eebb00, alternative darker yellow color = e0b000 */
    color: #eebb00;
}

.boxYellow {
    background: url(/primelog/images/colorboxes/yellow.gif);
    width: 18px;
    height: 13px;
}


/* ---------------- */
/* Red				*/
/* ---------------- */
.textRed { /* default color = d00000 */
    color: #d00000;
}

.boxRed {
    background: url(/primelog/images/colorboxes/red.gif);
    width: 18px;
    height: 13px;
}

.listrowdarkRedText {
    background-color: #DDDDDD;
    border: 1px solid white;
}

.listrowlightRedText {
    background-color: #FFFFFF;
}

.listrowdarkRedText td {
    color: #FF0000;
}

.listrowlightRedText td {
    color: #FF0000;
}

/* ---------------- */
/* Blue				*/
/* ---------------- */
.textBlue {
    color: #55B7FE;
}

.boxBlue {
    background: url(/primelog/images/colorboxes/blue.gif);
    width: 18px;
    height: 13px;
}

/* ---------------- */
/* Black to Grey	*/
/* ---------------- */
.boxBlack {
    background: url(/primelog/images/colorboxes/black.gif);
    width: 18px;
    height: 13px;
}

.textGrey {
    color: #BBBBBB;
}

.boxGrey {
    background: url(/primelog/images/colorboxes/grey.gif);
    width: 18px;
    height: 13px;
}

.listrowdark {
    background-color: #eeeeee;
    border: 1px solid white;
}

.listrowlight {
    background-color: #FFFFFF;
}


.bigtext {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 24px;
}

.cMenu {
    position: absolute;
    visibility: hidden;
    cursor: default;
    width: 165px;
    background-color: menu;
    border: 1px solid buttonface;
    border: 2px outset buttonhighlight;
    font-size: 10px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.disabledtext {
    color: #999999;
}

.highlighttext {
    color: #FF3333;
}

.listcolumn {
    text-align: left;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding-left: 5px;
    padding-right: 5px;
}

.listcolumnPad {
    text-align: left;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding-left: 1%;
}

.mediumtext {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.menuchoice {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
    text-align: center;
}

.menuDisabled {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #999999;
    text-decoration: none;
    text-align: center;
}

.menuheader {
    padding-left: 15px;
    padding-right: 10px;
}

.menuitem {
    width: 123px;
    height: 10px;
    text-align: center;
    color: #000000;
    font-size: 10px;
    cursor: hand;
    font-size: 10px;
    vertical-align: middle;
}

.menuitem_enable {
    width: 123px;
    height: 15px;
    text-align: center;
    color: #FFFFFF;
    font-size: 10px;
    cursor: hand;
    font-size: 10px;
    vertical-align: middle;
}

.menuitems {
    padding-left: 15px;
    padding-right: 10px;
}

.message {
    text-align: left;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 17px;
    height: 16px;
}

.normalbutton, button, input.button {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #018746;
    background-color: #ffffff;
    height: 36px;
    padding: 0px 24px 0px 24px;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    border-color: #018746;
}

.normalbutton:hover {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #ffffff;
    background: #018746;

}


.normalbutton:active {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #ffffff;
    background: #0D603D;

}

.okbutton {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    height: 20px;
    width: 60px;
}

.numberlistcolumn {
    text-align: right;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding-left: 5px;
    padding-right: 5px;
}

.pageheader {
    color: #000000;
    font-size: 14px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
    text-align: left;
    height: 48px;
    padding-left: 24px;
    box-shadow: 0px 1px 3px 1px rgba(24, 60, 52, 0.16), 0px 1px 1px 0px rgba(24, 60, 52, 0.08);
}


.redStar {
    color: #FF0000;
}

.row {
    height: 17px;
}

.rubrik {
    color: #000000;
    font-weight: bold;
    font-size: 12px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    padding-left: 2px;
    padding-right: 2px;
}

.submenurow {
    background-color: #DDDDDD;
}

.tableheaderPad {
    color: #000000;
    font-size: 10px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color: #AAAAAA;
    text-align: left;
    font-weight: bold;
    padding-left: 1%;
}

.tablerubrik {
    color: #000000;
    background: url("/primelog/images/tablehead.gif") repeat-x;
    background-repeat: repeat-x;
    border-left: 1px solid InactiveBorder;
    border-right: 1px solid InactiveBorder;
    border-top: 1px solid InactiveBorder;
    border-bottom: 1px solid InactiveBorder;
    font-size: 10px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: left;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 2px;
    padding-top: 3px;
    padding-bottom: 3px;
    /*vertical-align: top;*/
}

.tablerubrik td {
    color: #000000;
    background: url("/primelog/images/tablehead.gif") repeat-x;
    background-repeat: repeat-x;
    border-left: 1px solid InactiveBorder;
    border-right: 1px solid InactiveBorder;
    border-top: 1px solid InactiveBorder;
    border-bottom: 1px solid InactiveBorder;
    font-size: 10px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: left;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 2px;
    padding-top: 3px;
    padding-bottom: 3px;
    /*vertical-align: top;*/
}

.tablerubrik th {
    color: #000000;
    background: url("/primelog/images/tablehead.gif") repeat-x;
    background-repeat: repeat-x;
    border-left: 1px solid InactiveBorder;
    border-right: 1px solid InactiveBorder;
    border-top: 1px solid InactiveBorder;
    border-bottom: 1px solid InactiveBorder;
    font-size: 10px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: left;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 2px;
    padding-top: 3px;
    padding-bottom: 3px;
    /*vertical-align: top;*/
}

.tablerubrikstyle {
    padding-left: 5px;
    padding-right: 2px;
}

.tablerownumber {
    font-size: 8px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding-left: 2px;
    padding-right: 2px;
}

.paragraphrubrik {
    color: #000000;
    font-size: 10px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color: #DDDDDD;
    text-align: left;
    font-weight: bold;
    padding-left: 2px;
    padding-right: 2px;
}

.tablefooterLeft {
    color: windowtext;
    font-size: 10px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: left;
    font-weight: bold;
    background: buttonface;
    border-left: 1px solid buttonhighlight;
    border-right: 1px solid buttonshadow;
    border-top: 1px solid buttonhighlight;
    border-bottom: 1px solid buttonshadow;
    padding-left: 2px;
    padding-right: 2px;
}

.tablefooterRight {
    color: windowtext;
    font-size: 10px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: right;
    font-weight: bold;
    background: buttonface;
    border-left: 1px solid buttonhighlight;
    border-right: 1px solid buttonshadow;
    border-top: 1px solid buttonhighlight;
    border-bottom: 1px solid buttonshadow;
    padding-left: 2px;
    padding-right: 2px;
}

.tabletext {
    text-indent: 5pt;
}


.scrollTable {
    border-left: 1px solid buttonhighlight;
    border-right: 1px solid buttonhighlight;
    border-top: 1px solid buttonshadow;
    border-bottom: 1px solid buttonhighlight;
    background: window;
    width: 100%;
    height: 100%;
    overflow: hidden;

}

.scrollTableHead {
    behavior: url("/primelog/styles/syncscroll.htc");
    background: buttonface;
    width: 100%;
    overflow: hidden;

}

.scrollTableHead table {
    background: buttonface;
    empty-cells: show;
    table-layout: fixed;


}

.scrollTableHead table td {
    /*background: #FFFFFF repeat-x;*/
    background: url("/primelog/images/tablehead.gif") repeat-x;
    background-repeat: repeat-x;
    border-left: 1px solid InactiveBorder;
    border-right: 1px solid InactiveBorder;
    border-top: 1px solid InactiveBorder;
    border-bottom: 1px solid InactiveBorder;
    padding-left: 5px;
    padding-right: 5px;
}


.scrollTableHead td,
.scrollTableBody td {
    color: windowtext;
    font-size: 10px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    cellpadding: 2px;
    border-left: 0 solid;
}


.scrollTableBody {
    overflow: auto;
    /* height needs to be calculated from scrollTable */
    width: 100%;
}

.sort-arrow {
    width: 11px;
    height: 11px;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 2px;

}

.sort-arrow.descending {
    background-image: url("/primelog/images/downsimple.png");

}

.sort-arrow.ascending {
    background-image: url("/primelog/images/upsimple.png");
}


.divscroll {
    /*overflow: hidden;*/
    overflow-y: hidden;
    /*overflow-X: hidden;*/

    /* Light */

    scrollbar-arrow-color: #000000;
    scrollbar-3dlight-color: #B8B8B8;
    scrollbar-darkshadow-color: #B8B8B8;
    scrollbar-face-color: #B8B8B8;
    scrollbar-highlight-color: #F8F8F8;
    scrollbar-shadow-color: #F8F8F8;
    scrollbar-track-color: #F8F8F8;


    /* Dark */
    /*
    scrollbar-arrow-color: #000000;
    scrollbar-3dlight-color: #B8B8B8 ;
    scrollbar-darkshadow-color: #B8B8B8 ;
    scrollbar-face-color: #E8E8E8;
    scrollbar-highlight-color: #E8E8E8;
    scrollbar-shadow-color: #E8E8E8;
    scrollbar-track-color: #F8F8F8;
    */


    /*scrollbar-face-color: url("/primelog/images/tablehead.gif") repeat-x;*/
}


.tableheaderrowstyle {
    border-top: 4px solid #e8e8e8;

}

.tableheaderrowstyle div {
    background: #DDDDDD;
    width: 200px;

}

.innerScrollDiv {
    float: left;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-arrow-color: #000000;
    scrollbar-3dlight-color: #B8B8B8;
    scrollbar-darkshadow-color: #B8B8B8;
    scrollbar-face-color: #B8B8B8;
    scrollbar-highlight-color: #F8F8F8;
    scrollbar-shadow-color: #F8F8F8;
    scrollbar-track-color: #F8F8F8;
}

.outerScrollDiv {
    position: relative;
    padding: 30px 0 0 0;
    overflow: hidden;
}

.outerScrollDiv thead tr {
    position: absolute;
    top: 0;
    height: 25px;
}

.outerScrollDiv thead td {
    background: url("/primelog/images/tablehead.gif") repeat-x;
    border-left: 1px solid InactiveBorder;
    border-right: 1px solid InactiveBorder;
    border-top: 1px solid InactiveBorder;
    border-bottom: 1px solid InactiveBorder;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
}

.outerScrollDiv tbody td {
    padding-left: 5px;
    padding-right: 5px;
}


/* ------------------------------------------------------------ */
/* Input Hint Text                                              */
/* ------------------------------------------------------------ */
.inputHintText {
    color: #aaa;
    font-size: 10px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: left;
}


/* ------------------------------------------------------------ */
/* Popup Form                                                   */
/* ------------------------------------------------------------ */
#backgroundPopup {
    display: none;
    position: fixed;
    _position: absolute; /* hack for internet explorer 6*/
    width: 2000px;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 10;
    background: #303030;
    border: 1px solid #cecece;
    z-index: 1;
    padding-top: 100%;
    padding-bottom: 100%;
    padding-right: 100%;
    padding-left: 100%;
}

#popupContact {
    display: none;
    position: fixed;
    _position: absolute; /* hack for internet explorer 6*/
    overflow: hidden;
    background: #FFFFFF;
    border: 2px solid #cecece;
    z-index: 2;
    margin: 20% 0 0 50%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
}

#popupContactClose {
    font-size: 14px;
    line-height: 14px;
    right: 6px;
    top: 4px;
    position: absolute;
    color: #000000;
    font-weight: 700;
    display: block;
    cursor: pointer;
    text-decoration: none;
}

#popupContact h1 {
    text-align: left;
    color: #6FA5FD;
    font-size: 22px;
    font-weight: 700;
    border-bottom: 1px dotted #D3D3D3;
    padding-bottom: 2px;
    margin-bottom: 20px;
}

.popupContactTd {
    border-style: none;
    border: 0;
    color: #000000;
    font-size: 10px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    height: 15px;
    padding: 0;
}


/* ------------------------------------------------------------ */
/* Popup Hover                                                  */
/* ------------------------------------------------------------ */
.popupHover label {
    padding: 0;
    margin: 0 2px;
    float: left;
    position: relative;
    text-align: left;
    cursor: pointer;
}

.popupHover label em {
    font-weight: normal;
    background: #FFFFFF;
    width: 180px;
    height: 45px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    padding: 5px 5px 5px 5px;
    font-style: normal;
    z-index: 2;
    display: none;
    border: 2px solid #cecece;
}

body {
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #333333;
    background-color: #F6F7F7;
}